<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户管理中心</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f1f1f1;
        }
        header {
            background-color: #333;
            color: #fff;
            padding: 20px 0;
            text-align: center;
        }
        header h1 {
            margin: 0;
        }
        nav {
            display: flex;
            justify-content: space-around;
            background-color: #333;
            padding: 10px 0;
        }
        nav a {
            color: white;
            text-decoration: none;
            padding: 14px 20px;
        }
        nav a:hover {
            background-color: #ddd;
            color: black;
        }
        main {
            width: 80%;
            margin: auto;
            padding: 20px 0;
        }
        .user-profile, .post-list {
            background-color: white;
            margin-bottom: 20px;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .post-list h2, .user-profile h2 {
            margin-bottom: 15px;
        }
        .post {
            border-bottom: 1px solid #eee;
            padding: 10px 0;
        }
        .post:last-child {
            border-bottom: none;
        }
        .post-title {
            font-size: 18px;
            color: #333;
        }
        .post-actions {
            text-align: right;
        }
        .post-actions a {
            color: #999;
            text-decoration: none;
            padding: 5px 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
        .post-actions a:hover {
            background-color: #333;
            color: white;
            border-color: #333;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 20px 0;
        }
    </style>
</head>
<body>
    <header>
        <h1>欢迎来到蔡BB论坛</h1>
    </header>
    <nav>
        <a href="index.html">首页</a>
        <a href="#">版块</a>
        <a href="create_post.html">发布帖子</a>
        <a href="#">登录</a>
        <a href="#">注册</a>
        <a href="about.html">关于我们</a>
    </nav>
    <main>
        <section class="user-profile">
            <h2>个人资料</h2>
            <p>用户名: <span>用户名123</span></p>
            <p>邮箱: <span>user@example.com</span></p>
            <p>注册日期: <span>2022-01-01</span></p>
            <!-- 更多用户信息 -->
            <a href="profile_edit.html" class="post-actions">编辑资料</a>
        </section>

        <section class="post-list">
            <h2>我的帖子</h2>
            <article class="post">
                <h3 class="post-title">帖子标题1</h3>
                <div class="post-actions">
                    <a href="#">编辑</a>
                    <a href="#">删除</a>
                </div>
                <div class="post-interaction">
                    <div class="likes">点赞: <span>100</span></div>
                    <div class="favorites">收藏: <span>50</span></div>
                </div>
            </article>
            <!-- 更多帖子 -->
        </section>
    </main>
    <footer>
        <p>版权所有 &copy; 2022 蔡BB论坛</p>
    </footer>
</body>
</html>